<div class="standard">
<br><br>
<h1>To choose a style of service, click one of the images below:</h1>
<!--<?php echo $choices?>-->

<input type="hidden" name="choice" id="choice" value="">

<br><br>

<!-- <input type="radio" value="BURIAL" name="choice">Burial<br>
<input type="radio" value="CREMATION" name="choice">Cremation<br>
<input type="radio" value="MEMORIAL" name="choice">Memorial<br>

<div id="vaschoices"><a href=""><img src="../art/vas_choice_b.jpg" border="0"></a></div>
<div id="vaschoices"><a href=""><img src="../art/vas_choice_c.jpg" border="0"></a></div>
<br><br> -->

<script type="text/javascript">
  //The RadioButton widget is contained in the CheckBox file
  dojo.require("dijit.form.CheckBox");
  dojo.require("dijit.form.Button");
  dojo.require("dojo.parser");  
  function burialbuttonclicked(){
  	var hiddenfield = document.getElementById('choice');
  	var burbtn = document.getElementById('sel_b');
  	hiddenfield.value = "BURIAL";
  	burbtn.style.backgroundImage = 'url(../art/vas_choice_b_alt.jpg)';
  	document.getElementById('sel_c').style.backgroundImage = 'url(../art/vas_choice_c.jpg)'
  };
  function cremationbuttonclicked(){
  	var hiddenfield = document.getElementById('choice');
  	var crebtn = document.getElementById('sel_c');
  	hiddenfield.value = "CREMATION";
  	crebtn.style.backgroundImage = 'url(../art/vas_choice_c_alt.jpg)';
  	document.getElementById('sel_b').style.backgroundImage = 'url(../art/vas_choice_b.jpg)';
  };
</script>

  <!-- 
  <div id="vaschoices"><input dojoType="dijit.form.RadioButton" type="radio" name="choice" id="sel_b" value="BURIAL"><br>Burial</div>
  console.log('toggled burial button checked='+arguments[0]);
  <div id="vaschoices"><input dojoType="dijit.form.RadioButton" type="radio" name="choice" id="sel_c" value="CREMATION"><br>Cremation</div>
  <br><br>     -->
<div id="vascenter">
<!-- nChange="console.log('toggled burial button checked='+arguments[0]); burialbuttonclicked()" -->
<button id="sel_b" dojotype="dijit.form.ToggleButton" onClick="burialbuttonclicked();return false" iconClass="dijitRadioIcon" name="bchoice" value=""></button>
&nbsp;&nbsp;
<!-- onChange="console.log('toggled crem button checked='+arguments[0]); cremationbuttonclicked()"  -->
<button id="sel_c" dojotype="dijit.form.ToggleButton" onClick="cremationbuttonclicked();return false" iconClass="dijitRadioIcon" name="cchoice" value=""></button>
</div>
   
<!-- 
<input dojoType="dijit.form.RadioButton" type="radio" name="choice" id="sel_m" value="MEMORIAL">Memorial -->

</div>
<br clear="all">
<br>
